
/**
 * Insert value into existed space 
 * @return Boolean
 */
function updateValue(diemV) {
//   diemSelect = $(diemV + ' .ds-diem a.select').html();
//   $(diemV + ' .title span').html('( '+diemSelect+ ' )');
   $(diemV + ' .ds-diem a').click(function(){
        $(diemV + ' .ds-diem a').removeClass('select');
        $(this).addClass('select');
        diem =  $(this).html();
        $(diemV + ' .title span').html('( '+diem+ ' )');
    });
}
function updateDate(dateClass) {
    thang = $(dateClass + ' .chon-thang option:selected ').html();
//    ngaySelect = $(dateClass + ' .calendar a.select').html();
//    $(dateClass + ' .title span').html('( '+ngaySelect+'/'+thang + ' )');
    $(dateClass+' .calendar a').click(function(){
        $(dateClass + ' .calendar a').removeClass('select');
        $(this).addClass('select');
        ngay =  $(this).html();      
//        $(dateClass + ' .title span.key').html('( '+ngay+'/'+thang + ' )');
    });
}
function updateSelected(inputClass) {
    $(inputClass).hover(function(){
        $(this).addClass('hover');
    }, function(){
        $(this).removeClass('hover');
    })
    $(inputClass).click(function(){
        
        $(inputClass).removeClass('select');
        $(this).find('input').attr('checked','true');
        $(this).addClass('select');
    })
}
function updateTimeStart(timeStartClass) {

    _timeSelect = $(timeStartClass + ' .gio-khoi-hanh span');
    $(timeStartClass + ' .gio-khoi-hanh span input:checked').parent().addClass('select');
    _timeSelect.hover(function(){
        $(this).addClass('hover');
    }, function(){
        $(this).removeClass('hover');
    });
    _timeSelect.click(function(){
        $(timeStartClass +' .detail').css({'visibility':'visible','padding':'10px'});
        $(timeStartClass +' .detail div').css('height','auto');
        $(timeStartClass + ' .gio-khoi-hanh span').removeClass('select');
        $(this).find('input').attr('checked','true');
        $(this).addClass('select');
    });
}

function clickToCheck(selectorNeed) {
     $(selectorNeed).click(function(){
            $(selectorNeed).removeClass('selected-f');
            $(this).addClass('selected-f');
            var inputCheck = $(selectorNeed+' input:radio');
            if(inputCheck.is(':checked') === false) {
                inputCheck.parent().parent().removeClass('selected-f');
            }
            $(this).find('input:radio').attr('checked', true);
        });
}

$(document).ready(function(){
   
    $('.calendar a').attr('href','#');
    updateValue('._diem-di');
    updateValue('._diem-den');
    updateDate('._ngay-di');
    updateDate('._ngay-ve');
    updateSelected('.display-mode .option');
    updateSelected('.price-sort .option');
    updateSelected('.sort-by .option');
    updateTimeStart('._bay-di');
    updateTimeStart('._bay-ve');
    clickToCheck('.outbound .result-detail');
    clickToCheck('.inbound .result-detail');

    $('.mode-2 .gia-ve').hover(function(){
        $(this).addClass('hover');
    }, function(){
        $(this).removeClass('hover');
    });
    $('.mode-2 .gia-ve').click(function(){
        $(this).parent().parent().find('.detail').css({'visibility':'visible','padding':'10px'});
        $(this).parent().parent().find('.detail div').css('height','auto');
        $(this).parent().parent().find('.gia-ve').removeClass('select');
        $(this).find('input').attr('checked','true');
        $(this).addClass('select');
    });
    $('.result-detail').hover(function(){
       $(this).find('td').addClass('hover');
    }, function(){
        $(this).find('td').removeClass('hover');
    });

   
});



